<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:c="http://www.w3.org/1999/html">
<head>
    <th:block th:include="include :: header('查看鉴定样本')"/>
    <th:block th:include="include :: datetimepicker-css"/>
    <th:block th:include="include :: bootstrap-fileinput-css"/>
    <th:block th:include="include :: select2-css"/>
    <th:block th:include="include :: bootstrap-fileinput-css"/>

</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
    <form class="form-horizontal m" id="form-identsample-detail" th:object="${idIdentsample}">
        <input class="form-control" name="registerId" type="hidden" th:value="*{registerId}">
        <input name="id" th:field="*{id}" type="hidden">
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label is-required">样本名称：</label>
                    <div class="col-sm-8">
                        <input name="sampleName" class="form-control" th:field="*{sampleName}" type="text" required>
                    </div>
                </div>
            </div>

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">样本数量：</label>
                    <div class="col-sm-8">
                        <input name="sampleNumber" class="form-control" th:field="*{sampleNumber}" type="text">
                    </div>
                </div>
            </div>
        </div>

        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">系来函所附清单的序号：</label>
                    <div class="col-sm-8">
                        <input name="letterName" class="form-control"  th:field="*{letterOrder}" type="text">
                    </div>
                </div>
            </div>


        </div>

        <div class="row">
            <div class="col-sm-12">
                <div class="form-group">
                    <label class="col-sm-2 control-label">封面：</label>
                    <div class="col-sm-10">
                        <input type="hidden" th:field="*{frontCover}" name="frontCover">
                        <div class="file-loading">
                            <input class="form-control file-upload" id="frontCover" name="file" type="file">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-12">
                <div class="form-group">
                    <label class="col-sm-2 control-label">封底：</label>
                    <div class="col-sm-10">
                        <input type="hidden" th:field="*{backCover}" name="backCover">
                        <div class="file-loading">
                            <input class="form-control file-upload" id="backCover" name="backCoverfile" type="file">
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="row">
            <div class="col-sm-12">
                <div class="form-group">
                    <label class="col-sm-2 control-label">版权信息：</label>
                    <div class="col-sm-10">
                        <input type="hidden" th:field="*{publishInfo}" name="publishInfo">
                        <div class="file-loading">
                            <input class="form-control file-upload-word" id="publishInfoImage" name="file" type="file">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-12">
                <div class="form-group">
                    <label class="col-sm-2 control-label">识别信息：</label>
                    <div class="col-sm-10">
                        <textarea style="height: 300px" class="form-control" id="infoText">[[*{publishInfoText}]]</textarea>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-12">
                <div class="form-group">
                    <label class="col-sm-2 control-label">其他：</label>
                    <div class="col-sm-10">
                        <textarea name="other" maxlength="500" rows="3" class="form-control">[[*{other}]]</textarea>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">样本类别：</label>
                    <div class="col-sm-8">
                        <input class="form-control" th:field="${idIdentsample.sampleType}" name="sampleType" >
                    </div>
                </div>
            </div>
        </div>

        <div id="ChangeContent">

        </div>
    </form>
</div>
<th:block th:include="include :: footer"/>
<th:block th:include="include :: datetimepicker-js"/>
<th:block th:include="include :: bootstrap-fileinput-js"/>
<script th:inline="javascript">

    var prefix = ctx + "publish/identsample"
    $("#form-identsample-add").validate({
        focusCleanup: true
    });

    var sca = function (event) {
        $("input[name='" + event.currentTarget.id + "']").val("");
        sca = function () {
        }
    }
    var handle = null;
    $(document).ready(function () {
        handle = setInterval(function () {
            $('.file-drop-zone-title').text('');
            $('input.form-control').attr('readonly', true);
            $('textarea.form-control').attr('readonly', true);
            $('.file-caption-main').remove();
            $('input[name="publishingTime"]').attr("disabled", true);
            $('.file-actions button[title="删除文件"]').remove();
            $('.btn-file').remove();
            $('button.close').remove();
            if ($('#form-identsample-detail input.form-control').attr('readonly')) {
                clearInterval(handle);
            }
        }, 800);
    });

    $(".file-upload").each(function (i) {
        var vals = new Array()
        var preList = new Array();
        if ($.common.isNotEmpty($("input[name='" + this.id + "']").val())) {
            var str = $("input[name='" + this.id + "']").val();
            var strs = new Array();
            strs = str.split(",");
            for (i = 0; i < strs.length; i++) {
                vals[i] = ctx.slice(0, ctx.length - 1) + strs[i];
            }

        }
        var previewJson = preList;
        var preConfigList = new Array();
        for ( var i = 0; i < vals.length; i++) {
            var array_element = vals[i];
            var name=vals[i].substring(vals[i].lastIndexOf("/")+1);
            var tjson = {
                caption: name, // 展示的文件名
                width: '100px',
                alt:array_element,
                extra: {id: 100}
            };
            preConfigList[i] = tjson;
        }
        $(this).fileinput({
            uploadUrl: '/common/upload',
            initialPreviewAsData: true,
            initialPreview: vals,
            maxFileCount: 0,
            showUpload: false,
            showRemove: true,
            maxFileSize: 30000,
            autoReplace: true,
            //allowedFileExtensions: ['jpg', 'png', 'bmp', 'jpeg'],
            showUpload: false, //是否显示上传按钮
            showCaption: true,//是否显示标题
            browseClass: "btn btn-primary hide",//按钮样式
            dropZoneTitle: " ",
            otherActionButtons:'<button type="button" class="kv-file-down btn btn-sm btn-default" {dataKey} title="下载附件"><i class="fa fa-cloud-download"></i></button>',
            layoutTemplates: {
                     actionDelete: '', //去除上传预览的缩略图中的删除图标
                     actionUpload: '',//去除上传预览缩略图中的上传图片图标；
                //     actionZoom:''   //去除上传预览缩略图中的查看详情预览的缩略图标。
            },
            previewFileIcon: '<i class="fa fa-file-o text-info"></i>',
            preferIconicPreview: true,// 是否优先显示图标  false 即优先显示图片
            previewFileIconSettings: {
                'docx': '<i class="fa fa-file-word-o text-primary"></i>',
                'doc': '<i class="fa fa-file-word-o text-primary"></i>',
                'xlsx': '<i class="fa fa-file-excel-o text-success"></i>',
                'xls': '<i class="fa fa-file-excel-o text-success"></i>',
                'pptx': '<i class="fa fa-file-powerpoint-o text-danger"></i>',
                'ppt': '<i class="fa fa-file-powerpoint-o text-danger"></i>',
                'pdf': '<i class="fa fa-file-pdf-o text-danger"></i>',
                'zip': '<i class="fa fa-file-archive-o text-muted"></i>',
                'sql': '<i class="fa fa-file-word-o text-primary"></i>',
                'txt': '<i class="fa fa-file-text-o text-info"></i>',
                'rtf': '<i class="fa fa-file-text-o text-info"></i>',
            },
            initialPreviewConfig: preConfigList
        }).on('filebatchselected', function (event, data, id, index) {
            $(this).fileinput("upload");
        }).on('fileuploaded', function (event, data, previewId, index) {
            //若重新上传文件，清空当前文件路径,只执行一次清空函数
            sca(event);
            if ($("input[name='" + event.currentTarget.id + "']").val() == "") {
                $("input[name='" + event.currentTarget.id + "']").val(data.response.fileName);
            } else {
                $("input[name='" + event.currentTarget.id + "']").val($("input[name='" + event.currentTarget.id + "']").val() + ',' + data.response.fileName);
            }
        }).on('filecleared', function (event, id, index) {
            $("input[name='" + event.currentTarget.id + "']").val('')
        }).on('filesuccessremove', function (event, id, index) {
            var fileUrlList = $("input[name='" + event.currentTarget.id + "']").val().split(",");
            fileUrlList.splice(index, 1);
            $("input[name='" + event.currentTarget.id + "']").val(fileUrlList);
        }).on('filedeleted', function (event, id, index) {
            $("input[name='" + event.currentTarget.id + "']").val('')
        }).on('filepreremove', function (event, id, index) {
            var str_after = index.split('_')[1];
            var fileUrlList = $("input[name='" + event.currentTarget.id + "']").val().split(",");
            fileUrlList.splice(str_after, 1);
            $("input[name='" + event.currentTarget.id + "']").val(fileUrlList);
        });
        // $(this).fileinput('_initFileActions');
    });


    /**
     * 其他按钮（如下载）绑定时间
     */
    $(document).on('click', '.kv-file-down', function (e, id, index) {
        var download = "";
        // 获取父级DIV
        var fileIndex = $(this).parents(".file-preview-frame").attr("data-fileindex");

        var fileValue = $(this).parents(".col-sm-10").children("input").val();
        if (fileIndex) {
            var number = fileIndex.match(/\d/);
            if (number) {
                download = fileValue.split(",")[number];
            }
        }
        var name=download.substring(download.lastIndexOf("/")+1);
        if(download!=""){
            downloadFile(download,name);
        }
    });

    function downloadFile(url,name){
        var a = document.createElement("a");
        a.download = name;
        a.href = url;
        $("body").append(a); // 修复firefox中无法触发click
        a.click();
        $(a).remove();
    };

    function downloadIamge(imgsrc, name) {//下载图片地址和图片名
        let image = new Image();
        // 解决跨域 Canvas 污染问题
        image.setAttribute("crossOrigin", "anonymous");
        image.onload = function () {
            let canvas = document.createElement("canvas");
            canvas.width = image.width;
            canvas.height = image.height;
            let context = canvas.getContext("2d");
            context.drawImage(image, 0, 0, image.width, image.height);
            let url = canvas.toDataURL("image/png"); //得到图片的base64编码数据
            let a = document.createElement("a"); // 生成一个a元素
            let event = new MouseEvent("click"); // 创建一个单击事件
            a.download = name || "photo"; // 设置图片名称
            a.href = url; // 将生成的URL设置为a.href属性
            a.dispatchEvent(event); // 触发a的单击事件
        };
        image.src = imgsrc;
    }

    $(document).ready(function () {

        var valss = new Array()
        if ($("input[name='publishInfo']").val() != null) {
            var str = $("input[name='publishInfo']").val();
            var strs = new Array();
            strs = str.split(",");
            for (i = 0; i < strs.length; i++) {
                valss[i] = ctx.slice(0, ctx.length - 1) + strs[i];
            }
        }

        //图片识别
        $("#publishInfoImage").fileinput({
            // uploadUrl: '/common/upload',
            uploadUrl: '/publish/sample/picUpload',
            maxFileCount: 1,
            showUpload: false,
            initialPreview: valss,
            initialPreviewAsData: true,
            //showRemove : false,
            maxFileSize: 30000,
            autoReplace: true,
            allowedFileExtensions: ['jpg', 'png', 'bmp', 'jpeg'],
            showUpload: false, //是否显示上传按钮
            showCaption: false,//是否显示标题
            browseClass: "btn btn-primary hide",//按钮样式
            otherActionButtons: '<button type="button" class="kv-file-down btn btn-sm btn-default" {dataKey} title="下载附件"><i class="fa fa-cloud-download"></i></button>',
            layoutTemplates: {
                //actionDelete:'', //去除上传预览的缩略图中的删除图标
                actionUpload: '',//去除上传预览缩略图中的上传图片图标；
                //actionZoom:''   //去除上传预览缩略图中的查看详情预览的缩略图标。
            },
        }).on('filebatchselected', function (event, data, id, index) {
            $(this).fileinput("upload");
        }).on('fileuploaded', function (event, data, previewId, index) {
            // data.response.url   data.response.fileName
            if (data.response && data.response.code && data.response.code == '500') {
                //alert("请上传正确格式的图片");
                $.modal.alertError("请上传正确格式的图片");
            } else {
                $("#infoText").val(data.response.result);
                $("input[name='" + event.currentTarget.id + "']").val(data.response.fileName);
            }
        }).on('fileremoved', function (event, id, index) {
            $("input[name='" + event.currentTarget.id + "']").val('')
        }).on('filesuccessremove', function (event, id, index) {
            $("input[name='" + event.currentTarget.id + "']").val('')
        }).on('filedeleted', function (event, id, index) {
            $("input[name='" + event.currentTarget.id + "']").val('')
        });

        getChangeContent($("#sampleType").val());

    });


    function getChangeContent(sampleType) {
        var samepleId = 'book'
        if (sampleType == "图书") {
            samepleId = 'book';
        } else if (sampleType == "期刊") {
            samepleId = 'periodical';
        } else if (sampleType == "报纸") {
            samepleId = 'newspaper';
        } else if (sampleType == "音像制品") {
            samepleId = 'music';
        } else if (sampleType == "电子出版物") {
            samepleId = 'music';
        } else if (sampleType == "网络出版物") {
            samepleId = 'online';
        } else if (sampleType == "其他") {
            samepleId = 'other';
        }

        var htmls = $(eval(samepleId)).html();
        $("#ChangeContent").empty();
        $("#ChangeContent").append(htmls)
        $("input[name='publishingTime']").datetimepicker({
            format: "yyyy-mm-dd",
            minView: "month",
            autoclose: true
        });
    }

    function submitHandler() {
        if ($.validate.form()) {
            $.operate.save(prefix + "/edit", $('#form-identsample-detail').serialize());
        }
    }

    $("input[name='publishingTime']").datetimepicker({
        format: "yyyy-mm-dd",
        minView: "month",
        autoclose: true
    });

    $("input[name='issueTime']").datetimepicker({
        format: "yyyy-mm-dd",
        minView: "month",
        autoclose: true
    });

    $("input[name='printedTime']").datetimepicker({
        format: "yyyy-mm-dd",
        minView: "month",
        autoclose: true
    });

    // 文字识别获得 图片里的字
    function getPhotoWord() {

    }
</script>
<div class="hidden">
    <!--图书-->
    <div id="book">
        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">作者：</label>
                    <div class="col-sm-8">
                        <input name="author" th:value="${idIdentsample.author}" class="form-control" type="text"
                               >

                    </div>
                </div>
            </div>
            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">印刷单位：</label>
                    <div class="col-sm-8">
                        <input name="printingUnit" th:value="${idIdentsample.printingUnit}" class="form-control"
                               type="text">
                    </div>
                </div>

            </div>
        </div>

        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">国际标准书号：</label>
                    <div class="col-sm-8">
                        <input name="interBookNumber" th:value="${idIdentsample.interBookNumber}" class="form-control"
                               type="text" maxlength="60" >

                    </div>
                </div>
            </div>
            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">经销：</label>
                    <div class="col-sm-8">
                        <input name="distribution" th:value="${idIdentsample.distribution}" class="form-control"
                               type="text" maxlength="60">
                    </div>
                </div>
            </div>
        </div>

        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">CIP数据核字号：</label>
                    <div class="col-sm-8">
                        <input name="cipNumber" th:value="${idIdentsample.cipNumber}" class="form-control" type="text"
                               maxlength="60">
                    </div>
                </div>
            </div>

            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">版次：</label>
                    <div class="col-sm-8">
                        <input name="edition" th:value="${idIdentsample.edition}" class="form-control" type="text"
                               maxlength="60" number>
                    </div>
                </div>

            </div>
        </div>

        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">出版单位：</label>
                    <div class="col-sm-8">
                        <input name="publishingUnit" th:value="${idIdentsample.publishingUnit}" class="form-control"
                               type="text" maxlength="60">
                    </div>
                </div>
            </div>

            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">印次：</label>
                    <div class="col-sm-8">
                        <input name="printTimes" th:value="${idIdentsample.printTimes}" class="form-control" type="text"
                               maxlength="60" number>
                    </div>
                </div>

            </div>
        </div>

        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">发行单位：</label>
                    <div class="col-sm-8">
                        <input name="issueUnit" th:value="${idIdentsample.issueUnit}" class="form-control" type="text"
                               maxlength="60">
                    </div>
                </div>
            </div>

            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">开本：</label>
                    <div class="col-sm-8">
                        <input name="format" th:value="${idIdentsample.format}" class="form-control" type="text"
                               maxlength="60">
                    </div>
                </div>

            </div>
        </div>

        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">印张：</label>
                    <div class="col-sm-8">
                        <input name="printedSheet" th:value="${idIdentsample.printedSheet}" class="form-control"
                               type="text" maxlength="60">
                    </div>
                </div>
            </div>

            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">字数：</label>
                    <div class="col-sm-8">
                        <input name="wordCount" th:value="${idIdentsample.wordCount}" class="form-control" type="text"
                               maxlength="60">
                    </div>
                </div>

            </div>
        </div>

        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">印数：</label>
                    <div class="col-sm-8">
                        <input name="printedNumber" th:value="${idIdentsample.printedNumber}" class="form-control"
                               type="text" maxlength="60" number>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">定价：</label>
                    <div class="col-sm-8">
                        <input name="pricing" th:value="${idIdentsample.pricing}" class="form-control" type="text"
                               maxlength="60" number>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!--期刊-->

    <div id="periodical">
        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">期号：</label>
                    <div class="col-sm-8">
                        <input name="issue" th:value="${idIdentsample.issue}" class="form-control" type="text"
                               maxlength="60">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">主管单位：</label>
                    <div class="col-sm-8">
                        <input name="competentUnit" th:value="${idIdentsample.competentUnit}" class="form-control"
                               type="text" maxlength="60">
                    </div>
                </div>

            </div>
        </div>

        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">主办单位：</label>
                    <div class="col-sm-8">
                        <input name="organizers" th:value="${idIdentsample.organizers}" class="form-control" type="text"
                               maxlength="60">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">出版单位：</label>
                    <div class="col-sm-8">
                        <input name="publishingUnit" th:value="${idIdentsample.publishingUnit}" class="form-control"
                               type="text" maxlength="60">
                    </div>
                </div>
            </div>
        </div>

        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">印刷单位：</label>
                    <div class="col-sm-8">
                        <input name="printingUnit" th:value="${idIdentsample.printingUnit}" class="form-control"
                               type="text" maxlength="60">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">发行单位：</label>
                    <div class="col-sm-8">
                        <input name="issueUnit" th:value="${idIdentsample.issueUnit}" class="form-control" type="text"
                               maxlength="60">
                    </div>
                </div>

            </div>
        </div>

        <div class="row">

            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">出版时间：</label>
                    <div class="col-sm-8">
                        <div class="input-group date">
                            <!--th:value="${#dates.format(idExpert.birthday, 'yyyy-MM-dd')}"     ${}-->
                            <input name="publishingTime"
                                   th:value="${#dates.format(idIdentsample.publishingTime, 'yyyy-MM-dd')}"
                                   class="form-control" placeholder="yyyy-MM-dd" type="text">
                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                        </div>
                    </div>
                </div>

            </div>
            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">国内统一连续出版物号：</label>
                    <div class="col-sm-8">
                        <input name="nationUnifiedPubliNumber" th:value="${idIdentsample.nationUnifiedPubliNumber}"
                               class="form-control" type="text" maxlength="60">
                    </div>
                </div>

            </div>
        </div>

        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">广告经营许可证：</label>
                    <div class="col-sm-8">
                        <input name="adverBusinessLicense" th:value="${idIdentsample.adverBusinessLicense}"
                               class="form-control" type="text" maxlength="60">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">定价：</label>
                    <div class="col-sm-8">
                        <input name="pricing" th:value="${idIdentsample.pricing}" class="form-control" type="text"
                               maxlength="60" number>
                    </div>
                </div>

            </div>
        </div>

    </div>
    <!--报纸-->

    <div id="newspaper">
        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">期号：</label>
                    <div class="col-sm-8">
                        <input name="issue" th:value="${idIdentsample.issue}" class="form-control" type="text"
                               maxlength="60">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">版数：</label>
                    <div class="col-sm-8">
                        <input name="by2" th:value="${idIdentsample.by2}" class="form-control" type="text"
                               maxlength="60" number>
                    </div>
                </div>

            </div>
        </div>


        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">主管单位：</label>
                    <div class="col-sm-8">
                        <input name="competentUnit" th:value="${idIdentsample.competentUnit}" class="form-control"
                               type="text" maxlength="60">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">主办单位：</label>
                    <div class="col-sm-8">
                        <input name="organizers" th:value="${idIdentsample.organizers}" class="form-control" type="text"
                               maxlength="60">
                    </div>
                </div>
            </div>
        </div>


        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">出版单位：</label>
                    <div class="col-sm-8">
                        <input name="publishingUnit" th:value="${idIdentsample.publishingUnit}" class="form-control"
                               type="text" maxlength="60">
                    </div>
                </div>
            </div>

            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">印刷单位：</label>
                    <div class="col-sm-8">
                        <input name="printingUnit" th:value="${idIdentsample.printingUnit}" class="form-control"
                               type="text" maxlength="60">
                    </div>
                </div>

            </div>

        </div>


        <div class="row">
            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">出版时间：</label>
                    <div class="col-sm-8">
                        <div class="input-group date">
                            <input name="publishingTime"
                                   th:value="${#dates.format(idIdentsample.publishingTime, 'yyyy-MM-dd')}"
                                   class="form-control" placeholder="yyyy-MM-dd" type="text">
                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                        </div>
                    </div>
                </div>

            </div>

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">国内统一连续出版物号：</label>
                    <div class="col-sm-8">
                        <input name="nationUnifiedPubliNumber" th:value="${idIdentsample.nationUnifiedPubliNumber}"
                               class="form-control" type="text" maxlength="60">
                    </div>
                </div>
            </div>

        </div>


        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">广告经营许可证：</label>
                    <div class="col-sm-8">
                        <input name="adverBusinessLicense" th:value="${idIdentsample.adverBusinessLicense}"
                               class="form-control" type="text" maxlength="60">
                    </div>
                </div>
            </div>

            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">定价：</label>
                    <div class="col-sm-8">
                        <input name="pricing" th:value="${idIdentsample.pricing}" class="form-control" type="text"
                               maxlength="60" number>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <!--音像制品-->

    <div id="music">
        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">出版单位：</label>
                    <div class="col-sm-8">
                        <input name="publishingUnit" th:value="${idIdentsample.publishingUnit}" class="form-control"
                               type="text" maxlength="60">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">版号：</label>
                    <div class="col-sm-8">
                        <input name="versionNumber" th:value="${idIdentsample.versionNumber}" class="form-control"
                               type="text" maxlength="60">
                    </div>
                </div>

            </div>
        </div>


        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">出版时间：</label>
                    <div class="col-sm-8">
                        <div class="input-group date">
                            <input name="publishingTime"
                                   th:value="${#dates.format(idIdentsample.publishingTime, 'yyyy-MM-dd')}"
                                   class="form-control" placeholder="yyyy-MM-dd" type="text">
                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">ifpi：</label>
                    <div class="col-sm-8">
                        <input name="ifpi" th:value="${idIdentsample.ifpi}" class="form-control" type="text"
                               maxlength="60">
                    </div>
                </div>

            </div>
        </div>


        <div class="row">


            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">定价：</label>
                    <div class="col-sm-8">
                        <input name="pricing" th:value="${idIdentsample.pricing}" class="form-control" type="text"
                               maxlength="60" number>
                    </div>
                </div>

            </div>
        </div>


    </div>

    <!--网络出版物-->

    <div id="online">
        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">版本号：</label>
                    <div class="col-sm-8">
                        <input name="versionNumberNet" th:value="${idIdentsample.versionNumberNet}" class="form-control"
                               type="text" maxlength="60">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">出版单位：</label>
                    <div class="col-sm-8">
                        <input name="publishingUnit" th:value="${idIdentsample.publishingUnit}" class="form-control"
                               type="text" maxlength="60">
                    </div>
                </div>

            </div>
        </div>


        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">网络出版物号：</label>
                    <div class="col-sm-8">
                        <input name="onlinePubliNumber" th:value="${idIdentsample.onlinePubliNumber}"
                               class="form-control" type="text" maxlength="60">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">网络出版服务许可证：</label>
                    <div class="col-sm-8">
                        <input name="onlineServiceNumber" th:value="${idIdentsample.onlineServiceNumber}"
                               class="form-control" type="text" maxlength="60">
                    </div>
                </div>

            </div>
        </div>


        <div class="row">


            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">网址：</label>
                    <div class="col-sm-8">
                        <input name="url" th:value="${idIdentsample.url}"
                               class="form-control" type="text">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">审批文号：</label>
                    <div class="col-sm-8">
                        <input name="approvalNumber" th:value="${idIdentsample.approvalNumber}" class="form-control"
                               type="text">
                    </div>
                </div>

            </div>
        </div>


        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">原出版单位：</label>
                    <div class="col-sm-8">
                        <input name="originalPublisher" th:value="${idIdentsample.originalPublisher}"
                               class="form-control" type="text">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">书号：</label>
                    <div class="col-sm-8">
                        <input name="bookNumber" th:value="${idIdentsample.bookNumber}" class="form-control"
                               type="text">
                    </div>
                </div>

            </div>
        </div>

        <div class="row">

            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">刊号：</label>
                    <div class="col-sm-8">
                        <input name="issueNumber" th:value="${idIdentsample.issueNumber}"
                               class="form-control" type="text">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">

                <div class="form-group">
                    <label class="col-sm-4 control-label">网络出版物号：</label>
                    <div class="col-sm-8">
                        <input name="onlinePubliNumber" th:value="${idIdentsample.onlinePubliNumber}"
                               class="form-control" type="text">
                    </div>
                </div>

            </div>
        </div>

        <div class="row">


        </div>
    </div>

    <!--其他-->

    <div id="other">
        <div class="row">
            <div class="col-sm-12">
                <div class="form-group">
                    <label class="col-sm-2 control-label">相关信息：</label>
                    <div class="col-sm-10">
                        <textarea name="relatedInfo" maxlength="500" rows="3"
                                  class="form-control">[[*{idIdentsample.relatedInfo}]]</textarea>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
</body>
</html>